<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="telephone=no">
    <title>轮播4</title>
    <style type="text/css">
        body, p, div{margin: 0;padding: 0;vertical-align: middle;}
        body {background: #000;-webkit-user-select: none;-webkit-text-size-adjust: none;}
        a {text-decoration: none;}
        .pr {position: relative;}
        .none {display: none}
        #wrap {width: 100%;max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;}
        .com_box {position: fixed;top: 0;width: 100%;max-width: 640px;margin: 0 auto;z-index: 9;}
        .img {display: block;width: 100%}
        .c_btn {position: absolute;height: 100%;top: 0;}
        .foot {color:#aaa;text-align: center;padding:20px 0;background-color: #000;}
         .swiper-container{position: absolute;
            top: 0%;
            width: 100%;
            left: 0%;
            overflow: hidden;}
          .swiper-slide{ float:left;}
          .swiper-wrapper{ width:500%;}
    </style>
    <script language="JavaScript">
        var dwn_url = "{$data.downurl}";
        var isWeiXin = {$data.isWeixin};
        var id = {$data.id};
        var mode = {$data.download_mode};
        if (mode == 1) {
            setTimeout('gourl()', 3000);
        }
    </script>
</head>

<body>
<div class="none">{$data.header}</div>
<!--工作区域-->
<div id="wrap">
    <!--fix_top-->
    <div class="com_box"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/1.jpg">
        <a class="c_btn" style="    width: 32%;
        left: 65%;
        height: 68%;
        top: 17%;" href="javascript:gourl();"></a>
    </div>
    <if condition="$data.download_mode eq 3 ">
        <!--等于3就精确下载-->
        <div class="pr"><img class="img" style="margin-top:16%;" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/2.jpg">
            <a class="c_btn" style="width: 58%;
            left: 22%;
            height: 8.5%;
            bottom: 1%;
            top: auto;" href="javascript:gourl();"></a>
        </div>
        <div class="pr"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/3.jpg">
            <a class="c_btn" style="    width: 26%;
            left: 37%;
            height: 12.5%;
            bottom: 19%;
            top: auto;" href="javascript:gourl();"></a>
        </div>
        <div class="pr" id="slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/4.jpg">
            <!-- Swiper -->
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/4.jpg"></div>
                <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/5.jpg"></div>
                <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/6.jpg"></div>
              </div>
              <div class="swiper-pagination"></div>
            </div>
          </div>
          <div class="pr" id="slide1"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/7.jpg">
            <!-- Swiper -->
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/7.jpg"></div>
                <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/8.jpg"></div>
                <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/9.jpg"></div>
              </div>
              <div class="swiper-pagination"></div>
            </div>
          </div>
         <div class="foot">{$data.copyright}</div>
        <else/>
        <!--否则全局下载-->
        <a href="javascript:gourl();">
            <img class="img" style="margin-top:16%;" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/2.jpg">
            <img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/3.jpg">
            <div class="pr" id="slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/4.jpg">
                <!-- Swiper -->
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                      <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/4.jpg"></div>
                      <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/5.jpg"></div>
                      <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/6.jpg"></div>
                    </div>
                  <div class="swiper-pagination"></div>
                </div>
              </div>
              <div class="pr" id="slide1"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/7.jpg">
                <!-- Swiper -->
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/7.jpg"></div>
                    <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/8.jpg"></div>
                    <div class="swiper-slide"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/15/9.jpg"></div>
                  </div>
                  <div class="swiper-pagination"></div>
                </div>
              </div>

            <p class="foot">{$data.copyright}</p>
        </a>
    </if>
</div>
<!--工作区域 end-->
<img id='myimg' style="display:none" src=''/>
<script src="https://tui.xinkuai.com/Public/LandingPage/common.js"></script>
<div class="none">{$data.footer}</div>
<script src="https://tui.xinkuai.com/Public/LandingPage/swiper.min.4.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        effect : 'fade',
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
</body>
</html>